<template>
    <div>
        <Tree :data="treeData"></Tree>
    </div>
</template>

<script>
    export default {
        name: "Menu",
        data() {
            return {
                treeData: [{
                    name: '总行',
                    id: 1,
                    children: [
                        {name: '分行1', id: 11},
                        {
                            name: '分行2', id: 12,
                            children: [
                                {name: '支行2-1', id: 121},
                                {name: '支行2-2', id: 122},
                                {name: '支行2-3', id: 123},
                                {name: '支行2-4', id: 124},
                                {name: '支行2-5', id: 125}
                            ]
                        },
                        {
                            name: '分行3', id: 13,
                            children: [
                                {name: '支行3-1', id: 131},
                                {name: '支行3-2', id: 132},
                                {name: '支行3-3', id: 133},
                                {name: '支行3-4', id: 134},
                                {name: '支行3-5', id: 135}
                            ]
                        },
                        {name: '分行4', id: 14},
                    ]
                }],
            };
        },
        methods: {}
    };
</script>

<style scoped>

</style>
